<template>
  <div class="datamain">
    <Top/>
    <Left/>
    <Right/>
    <Bottom/>
  </div>
</template>
<script>
import Top from './top.vue'
import Left from './left.vue'
import Right from './right.vue'
import Bottom from './bottom.vue'
import { mapFun } from './components/gdmap'
export default {
  name: 'DataSea',
  components: {
    Top,
    Left,
    Right,
    Bottom
  },
  data () {
    return {
      modal: false
    }
  },
  mounted () {
    // console.log(this.$root.MapGd)
    if (this.$root.MapGd) {
      this.$root.MapGd.clearMap()
      this.gdmap()
    }
    // window.addEventListener('hashchange', (event) => { console.log(event) })
    // console.log('this.$root.MapGd',this.$root.MapGd)
    // setTimeout(()=>{console.log('this.$root.MapGd222',this.$root.MapGd)},3000)
  },
  methods: {
    gdmap () {
      mapFun(this.$root.MapGd)
    }
  }
}
</script>

<style lang="scss" scoped>
.datamain{
  height: 0;
}
</style>
